<?php

/*
 * Copyright by Sygma Media Inovasi Ω2013
 * 
 * Lead Programmer : Sony K Wibisono,S.Si,M.T.I
 * E-mail : sony@sonywibisono.com
 * 
 * Designer : Mr. Agus
 * 
 */
?>
<div class="children">
    
    <div id="mnu_about" class="tl_menu"><a href="#"></a>
    </div>
    <div id="mnu_story" class="tr_menu"><a href="#"></a>
    </div>
    <div id="mnu_profesi" class="bl_menu"><a href="#"></a>
    </div>
    <div id="mnu_game" class="br_menu"><a href="#"></a>
    </div>
    <div id="menu_board">
        <div id="p_about">
        <?php show_sub_menu('anak','submenu',1);?>
        </div>
        <div id="p_story">
        <?php show_sub_menu('anak','submenu', 3);?>
        </div>
        <div id="p_profesi">
        <?php show_sub_menu('anak','submenu', 2);?>
        </div>
        <div id="p_game">
        <?php show_sub_menu('anak','submenu', 4);?>   
    </div>
    </div>
    <script type="text/javascript">
        
        $("#mnu_about").on('click',function(){
            $("#p_about").slideToggle();
            $("#p_story").fadeOut();
            $("#p_profesi").fadeOut();
            $("#p_game").fadeOut();
        });
        $("#mnu_story").on('click',function(){
            $("#p_about").fadeOut();
            $("#p_story").slideToggle();
            $("#p_profesi").fadeOut();
            $("#p_game").fadeOut();
            
        });
        $("#mnu_profesi").on('click',function(){
            $("#p_about").fadeOut();
            $("#p_story").fadeOut();
            $("#p_profesi").slideToggle();
            $("#p_game").fadeOut();
            
        });
        $("#mnu_game").on('click',function(){
            $("#p_about").fadeOut();
            $("#p_story").fadeOut();
            $("#p_profesi").fadeOut();
            $("#p_game").slideToggle();
            
        });
        
    </script>
</div>

